@use 'sass:math';
.loading-wrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.loading {
  margin: calc(100vh / 2 - 75px) auto;
  width: 100px;
  height: 100px;
  column-gap: 10px !important;
  row-gap: 10px !important;
  position: absolute;
  z-index: 999;
  left: calc(50% - 100px);

  > div {
    border-radius: 50%;
    background: var(--el-color-primary);
  }
}

@for $i from 5 through 9 {
  ._#{$i} {
    animation: (math.div($i, 6.5) * 1s) show infinite;
  }
}

@keyframes show {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.5);
  }
}
